<!--  -->
<template>
<div class="content" >
    <div class="title">传感器详情</div>
  <div class="formBox">

  
  <el-form ref="form" :model="node" label-width="120px" class="thisForm" disabled>
    <el-form-item label="设备名称：" prop="name">
      <!-- <el-input v-model="node.name" placeholder="请输入..."></el-input> -->
      {{node.name}}
    </el-form-item>
    <el-form-item label="运行状态：" prop="status">
      <!-- <el-radio-group v-model="node.status">
        <el-radio :label="1">开启</el-radio>
        <el-radio :label="0">关闭</el-radio>
      </el-radio-group> -->
      <div v-if='node.status==1'>开启</div>
      <div v-if='node.status==0'>关闭</div>
    </el-form-item>
    <!-- <el-form-item label="设备类型：">
      <el-select v-model="node.deviceType" placeholder="请选择...">
        <el-option v-for="(item,index) in Typelist" :key="index" :label="item.sensorName" :value="item.id">
        </el-option>
      </el-select>
    </el-form-item> -->
    <el-form-item label="设备编号："  prop="code">
      <!-- <el-input v-model="node.code" placeholder=""></el-input> -->
      {{node.code}}
    </el-form-item>
    <el-form-item label="传感器位置：">
      <!-- <el-input v-model="node.location" placeholder=""></el-input> -->
      {{node.location}}
    </el-form-item>
    <el-form-item label="采集频率：">
      <!-- <el-input v-model="node.deviceRate" placeholder=""></el-input> -->
      {{node.deviceRate}}
    </el-form-item>
    <el-form-item label="通讯方式：">
      <!-- <el-input v-model="node.communicateType" placeholder=""></el-input> -->
      {{node.communicateType}}
    </el-form-item>
    <el-form-item label="采集器地址：">
      <!-- <el-input v-model="node.address" placeholder=""></el-input> -->
      {{node.address}}
    </el-form-item>
    <el-form-item label="测点id：">
      <!-- <el-input v-model="node.measurePointId" placeholder=""></el-input> -->
      {{node.measurePointId}}
    </el-form-item>
    <el-form-item label="监测设备类别：">
      <!-- <el-input v-model="node.monitorDeviceType" placeholder=""></el-input> -->
      {{node.monitorDeviceType}}
    </el-form-item>
    <el-form-item label="备注：">
      <!-- <el-input v-model="node.remark" placeholder="" type="textarea" :rows="3"
        maxlength="500"></el-input> -->
        {{node.remark}}
    </el-form-item> 
  </el-form>
</div>
</div>
</template>

<script>
export default {
props:{
  node: {
    type: Object,
    default: null
  },
  Typelist: {
    type: Array,
    default: null
  },
},
data() {
return {

}
},
created() {

},
mounted() {

}
}
</script>
<style lang="scss" scoped>
  .content{
    display: block;
  }
  .title{
    display: block;
    height: 30px;
    line-height: 30px;
    float: left;
    width: 100%;
    margin-top: -65px;
    font-size: 18px;
  }
  .formBox{
    margin-top: 60px;
  }
  .thisForm{
    width:100%;
    padding-right: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    .el-form-item{
      margin-bottom:30px;
      height:30px;
      width:40%;
    }
    /deep/.el-select{
      width: 100%;
    }
  }
</style>